<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>layer</title>
    <link rel="stylesheet" href="/web/layui/css/layer-mobile.css">
    <link rel="stylesheet" href="/web/layui/css/layui.css">
</head>
<body>
<button id="layer">layer-弹出</button>
<button id="layui">layui-弹出</button>
</body>
</html>
<script src="/web/jquery.min.js"></script>
<script src="/web/layui/layer.js"></script>
<script src="/web/layui/layui.js"></script>
<script>
    $("#layer").click(function () {
        layer.open({
            type: 1
            ,content: '可传入任何内容，支持html。一般用于手机页面中'
            ,anim: 'up'
            ,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0; border:none;'
        });
    });

    layui.use(['layer'],function () {
        var layer = layui.layer;
        $("#layui").click(function () {
            layer.open({
                type: 1,
                title: 'layer mobile页',
                shadeClose: true,
                shade: 0.4,
                anim: 2,
                offset:"b",
                area: ['100%', '400px'],
                content: 'sdfsdfsdfsdf/' //iframe的url
            });
        });
    });
</script>
